<script lang="ts" setup>
import { computed } from 'vue';

import { AuthPageLayout } from '@croco/framework/layouts';
import { preferences } from '@croco/framework/preferences';

import { $t } from '#/locales';

const appName = computed(() => preferences.app.name);
const logo = computed(() => preferences.logo.source);
</script>

<template>
    <AuthPageLayout :app-name="appName" :logo="logo" :page-description="$t('authentication.pageDesc')" :page-title="$t('authentication.pageTitle')">
        <!-- 自定义工具栏 -->
        <!-- <template #toolbar></template> -->
    </AuthPageLayout>
</template>
